<!DOCTYPE html>
<html>
  <head>
     <title>ARIA User Agent Implementation Testing - Code Samples</title>
  </head>
  <body>
     <h1>ARIA User Agent Implementation Testing - Code Samples</h1>
     <h2>> Create mappings data structure:</h2>
         <h3>-- Files:
           <ul>
              <li>aria_role_mappings.py
              <li>aria_state_mappings.py
              <li>aria_property_mappings.py
              <li>wai_aria_definitions.py
           </ul>
         <h3>-- Create data structure according to <a href=http://www.w3.org/TR/wai-aria-implementation/>WAI-ARIA User Agent Implementation Guide</a><br>  
         <h3>-- Sample:<br>
         <img src="images/final_mds_1.png">
      <br>
     <h2>> Create test data structure</h2>
         <h3>-- Files:
           <ul>
              <li>role_checkbox_tests.py
              <li>role_button_tests.py
              <li>role_slider_tests.py
              <li>role_menubar_tests.py
           </ul>
         <h3>-- Create data structure for test cases: define role, states, properties, accessible names<br>  
         <h3>-- Sample:<br>
         <img src="images/final_tds_1.png">
      <br>
     <h2>> Generate tests cases and results files</h2>
         <h3>-- Files:
           <ul>
              <li>aria_tests.py
              <li>make_tests.py
           </ul>
         <h3>-- Generate:</a>
           <ul>
              <li>test_groupname_groupnum_testnum.html, e.g. test_checkbox_001_001.html
              <li>results_groupname_groupnum_testnum.js, e.g. results_checkbox_001_001.js
              <li>results_group_groupnum.js, e.g. results_group_001.js
              <li>index.html
           </ul>  
         <h3>-- Sample 1: Test Case file<br>
         <img src="images/final_tc_1.png"><br>
         <h3>-- Sample 2: Test Result file<br>
         <img src="images/final_tr_1.png">
      <br>     
  </body>
<html>

